import Vue from 'vue'
import App from './App.vue'
import Vant from "vant";
Vue.use(Vant)
import 'vant/lib/index.css'

Vue.config.productionTip = false
import VueRouter from 'vue-router'
Vue.use(VueRouter)

import Home2 from "./views/Home2.vue";
import Press2 from "./views/Press2.vue";
import Sports2 from "./views/Sports2.vue";
import SportsHome from "./components/SportsHome.vue";
import SportsB from "./components/SportsB.vue";
import SportsC from "./components/SportsC.vue";

const routes = [{
  path: '/',
  redirect: '/home2'
}, {
  path: '/home2',
  component: Home2,
},
{
  path: '/press2',
  component: Press2
},
{
  path: '/sports2',
  component: Sports2,
  children: [
    {
      path: 'sportshome',
      component: SportsHome
    },
    {
      path: 'sportsb',
      component: SportsB
    },
    {
      path: 'sportsc',
      component: SportsC
    }
  ]
},
]
const router = new VueRouter({
  routes
})

import { Button } from 'vant';

Vue.use(Button);

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')
